<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01-DOM获取元素</title>
    <script>
        // 入口函数，只能有一个，其他方法写在入口函数外面
        window.onload = function () {
            /*
                获取 HTML 元素的三种方式
                1.通过 id 获取
                2.通过类名获取
                3.通过标签名获取
             */
            // 1.通过 id 获取
            let divElement = document.getElementById("box");
            console.log(divElement);
            console.log(typeof divElement);
            // 2.通过类名获取
            let divArr = document.getElementsByClassName("c1");
            console.log(divArr);
            console.log(typeof divArr);
            // 3.通过标签名获取
            let aArr = document.getElementsByTagName("a");
            console.log(aArr);
            console.log(typeof aArr);
        }
    </script>
</head>
<body>
<div id="box">
    我是div1
    <a href="#">点我跳转</a>
</div>
<div class="c1">我是div2</div>
<div class="c1">我是div3</div>
<a href="#">点我跳转1</a>
<a href="#">点我跳转2</a>
</body>
</html>